/*
 * Copyright (C) 2010 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 
/* GENERAL ------------------------------------------------------------------ */

/* Zero default margin & padding around common elements */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul
{
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
  font-size: 90%;
}

/* MAIN --------------------------------------------------------------------- */

ol
{
	list-style: none;
	width: 300px;
	overflow: hidden;
  margin: 0 auto 0 0;
}

li
{
	float: left;
	width: 33%;
	color: #7f7f7f;
	text-align: center;
}

.edit li
{
	color: #000000;
}

li div
{
	margin-right: 1px;
	margin-left: 1px;
	padding: 0.3em;
	border-top: 1px solid transparent;
	border-bottom: 3px solid #cccccc;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}

.edit li div
{
	border: 1px solid #cccccc;
	border-bottom-width: 3px;
	border-color: #cccccc;
	cursor: pointer;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
	background-image:-moz-linear-gradient(top, #ffffff, #e5e5e5);
}

li.on
{
	color: #000000;
}

.edit li.on div
{
	border-color: #ffffff;
	cursor: default;
	background-image: none;
}

#mover
{
	position: absolute;
	width: 100px;
	height: 3px;
	overflow: hidden;
	margin-top: -3px;
	background-color: #000000;
}
